<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">

    <link rel="stylesheet" href="./css/index.css" />

</head>

<body>

    <h1>JavaScript 关联</h1>
    <p>JavaScript代码可以直接嵌在网页的任何地方, 需要注意的是，浏览器会按照顺序依次执行。</p>
    <h2>内嵌方式</h2>
    <p>通常的内嵌方式可以选择放在head标签之中或者放到body标签之中。</p>
    <pre>
&lt;head&gt;
    ...省略内容...
    &lt;script&gt;
        // 打印日志
        console.log(&quot;hello world.&quot;);
    &lt;/script&gt;
&lt;/head&gt;
    </pre>

    <h2>外嵌方式</h2>
    <p>通过添加&lt;script src=&quot;...&quot;&gt;&lt;/script&gt;标签，用于关联外部js文件，具体代码如下:</p>
    <pre>
&lt;body&gt;
    ...省略内容...
    &lt;script type=&quot;text/javascript&quot; src=&quot;./js/content_opt.js&quot;&gt;&lt;/script&gt;
&lt;/body&gt;


    // 其中js的文件，可直接书写JavaScript的代码，不需要再添加script标签了。
    </pre>


    <h2>参考链接</h2>
    <ul>
        <li><a target="_blank" href="https://www.liaoxuefeng.com/wiki/1022910821149312/1023020895584256">JavaScript 快速入门</a></li>
    </ul>
</body>

</html>